import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';

import { HelloWebGLComponent } from './pages/ch02/hello-webgl/hello-webgl.component';
import { DrawPointComponent } from './pages/ch02/draw-point/draw-point.component';
import { MultiPointComponent } from './pages/ch03/multi-point/multi-point.component';
import { TranformTriangleComponent } from './pages/ch03/transform-triangle/transform-triangle.component';
import { RotatedMatrix4Component } from './pages/ch04/rotated-matrix4/rotated-matrix4.component';
import { ColorTriangleComponent } from './pages/ch05/color-triangle/color-triangle.component';
import { ColorPickComponent } from './pages/ch05/color-pick/color-pick.component';
import { TextureRectComponent } from './pages/ch05/texture-rect/texture-rect.component';
import { LookatTrianleComponent } from './pages/ch07/lookat-triangle/lookat-trianle.component';
import { LookatRotateComponent } from './pages/ch07/lookat-rotate/lookat-rotate.component';
import { LookatKeyComponent } from './pages/ch07/lookat-key/lookat-key.component';

@NgModule({
  declarations: [
    AppComponent,
    HelloWebGLComponent,
    DrawPointComponent,
    MultiPointComponent,
    TranformTriangleComponent,
    RotatedMatrix4Component,
    ColorTriangleComponent,
    ColorPickComponent,
    TextureRectComponent,
    LookatTrianleComponent,
    LookatRotateComponent,
    LookatKeyComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    CommonModule,
    FormsModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }
